<style tyle="text/css">
    .smaller{
        width: 120px;
        height: 80px;
    }
    #listtd img:hover{
        width:360px;
        height:240px;
        z-index: 1;
       
    }
    #listtd img{
        position:absolute;
        margin-left:5%;
        margin-top: 5px;
    }
    tr td{
        height: 80px;
    }
</style>

<div class="col-sm-12 mt20">

    <div class="panel panel-default">
        <div class="panel-body" ng-keyup="myKeyup($event)">
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="产品名称" ng-model="pageInfo.product_name">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="产品编号" ng-model="pageInfo.product_code">
            </div>
            <div class="col-sm-2">
                <input type="text" class="form-control" placeholder="景区名称" ng-model="pageInfo.place_name">
            </div>
            <div class="col-sm-2">
                <!-- <input type="text" class="form-control" placeholder="机构编号" ng-model="pageInfo.company_code"> -->
            </div>
            <div class="col-sm-2">
                <!-- <button class="btn btn-success search btn-block" ng-click="info()">创建产品</button> -->
            </div>
            <div class="col-sm-2">
                <button class="btn btn-info search btn-block" ng-click="loadlist()">立即搜索</button>
            </div>
        </div>

        <div class="panel-body">
            <table class="table table-striped table-bordered dataTable table-condensed tree_table" style="table-layout:fixed;">
                <thead>
                    <tr>
                        <th class="col-md-2 text-center" style="padding-left: 0px; padding-right: 0px;">
                            图片
                        </th>
                        <th class="col-md-2 text-center">名称/编号</th>
                        <th class="col-md-1 text-center">景区名称</th>
                        <th class="col-md-1 text-center">商客销量</th>
                        <th class="col-md-1 text-center">分润类型</th>
                        <th class="col-md-1 text-center">最高补贴</th>
                        <th class="col-md-1 text-center">三级分润</th>
                        <th class="col-md-1 text-center">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr ng-repeat="bean in beanList">
                        <td id="listtd" class="text-left" style="padding: 0px;">
                            <img src="{{bean.product_image}}" alt="产品logo" class="smaller">
                            <!-- <img src="{{bean.product_image}}" alt="产品logo" width="60px" height="40px"> -->
                        </td>
                        <td class="text-center">
                            {{bean.product_name}}
                            <br />【{{bean.product_code}}】
                        </td>
                        <td class="text-center">{{bean.place_name}}</td>
                        <td class="text-center">{{bean.sale_num}}</td>
                        <td class="text-center">{{bean.profit_type == '1'? '下单立即分润': '使用后分润'}}</td>
                        <td class="text-center" ng-if="bean.subsidy_price != undefined">￥{{bean.subsidy_price * 0.01}}</td>
                        <td class="text-center" ng-if="bean.subsidy_price == undefined">无</td>
                        <td class="text-center" ng-if="bean.product_profit_set=='default_shop'">
                            {{bean.shop_profit_level1}}/{{bean.shop_profit_level2}}/{{bean.shop_profit_level3}}%
                        </td>
                        <td class="text-center" ng-if="bean.product_profit_set=='product_set'">
                            {{bean.profit_level1}}/{{bean.profit_level2}}/{{bean.profit_level3}}%
                        </td>
                        <td class="text-center">
                            <button type="button" class="btn btn-info btn-xs" ng-click="poster(bean)">设置海报</button>
                            <button type="button" ng-if="bean.product_see_state == '0'" class="btn btn-success btn-xs" ng-click="up(bean)">上架</button>
                            <button type="button" ng-if="bean.product_see_state == '1'" class="btn btn-warning btn-xs" ng-click="down(bean)">下架</button>
                            <button type="button" class="btn btn-info btn-xs" ng-click="info(bean)">编辑</button>
                            <button type="button" ng-if="bean.product_see_state == '0'" class="btn btn-primary btn-xs" ng-click="setclass(bean)">分类设置</button>
                            <button type="button" ng-if="bean.product_see_state == '1'" class="btn btn-primary btn-xs" ng-click="sendNotice(bean)">推送通知</button>
                            <button type="button" class="btn btn-danger btn-xs" ng-click="addSource(bean)">添加素材</button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="text-right" style="background-color: white; margin-right: 30px">
            <pagination total-items="pageInfo.totalItems" ng-model="pageInfo.pageNo" ng-change="loadlist()" previous-text="上一页" next-text="下一页"
                first-text="首页" last-text="尾页" max-size="5" boundary-links="true" rotate="false" items-per-page="pageInfo.pageSize"
                class="m-t-none m-b"></pagination>
        </div>

    </div>
</div>